<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>余额记录</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="../css/title.css" />
		<link rel="stylesheet" href="css/iconfont3.css" />
		<style>
			body{background-color:#e3e3e3;}
			#segmentedControl .mui-control-item.mui-active{
				background: rgb(34,34,34);
				border-bottom: 1px solid #dca74b;
				line-height: 40px;
				font-size: 16px;
			}
			#segmentedControl .mui-control-item{
				border-left: none;
				font-size: 16px;
			}
			.mui-control-content.mui-active{
				background: rgb(68,68,68);
			}
			.record-top{
				width: 100%;
				height: 44px;
				background: #CCCCCC;
				position: fixed;
				top:50px;
				z-index: 10;
				color:#000000;
			}.record-top div{
				margin: 0px;
				padding: 0px;
				text-align: center;
			}
			.record-top span{
				list-style: none;
				width: 33%;
				float: left;
				line-height: 44px;
			}
			.mui-content{margin-top:40px;}
			.mui-table-view-cell{
				padding: 10px 0px;
				display:flex;
				display:-webkit-flex;
				flex-direction: row;
				align-items: center;
				border-bottom:1px solid #ccc;
			}
			.mui-table-view-cell:after{
				left: 0px;
				height:0;
			}
			.mui-table-view{
				background-color: #E3E3E3;
				color:#000000;
				margin-bottom:0px;
			}
			.mui-table-view-cell:first-child{
				margin-top:16px;
			}
			.mui-table-view-cell span{
				flex:0 0 33.33%;
				text-align: center;
			}
			.mui-table-view-cell.mui-active{
				background-color: #C0C0C0;
				
			}
			
			.mui-bar-nav~.mui-content {
			    background-color: #E3E3E3;
			}
			.home_top {
			    background-color:#05508a;
			    height:50px;
			    padding:0;
			    box-shadow: none;
			}
			.home_top .mui-title{line-height: 40px;font-size:16px;padding:0;padding-top:5px;}
			.mui-bar-nav.mui-bar .mui-icon{margin-left:0px;color:#fff;padding-top:13px;}
			.mui-pull-bottom-pocket{
				margin-top:20px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav home_top header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title"><span lang>余额记录</span></h1>
		</header>
		<!--<header class="mui-bar mui-bar-nav reg_page home_top">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title" lang>余额记录</h1>
		</header>-->
		
		<!--下拉刷新容器-->
		<div class="record-top">
				<div>
					<span lang>业务类型</span>
					<span lang>数额</span>
					<span lang>时间</span>
				</div>
			</div>
		<!--下拉刷新容器-->
		<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<!--数据列表-->
				<ul class="mui-table-view">
					<!--<li class="mui-table-view-cell">
						<span>500</span>
						<span>17.668</span>
						<span>2018-05-01 18:18</span>
					</li>-->
					
				</ul>
			</div>
		</div>
		<script src="../lang/pages.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/config.js"></script>
		<script src="../js/common.js"></script>
		<script src="../js/sockjs.js"></script>
		<script src="../js/jquery-1.7.2.min.js"></script>
		<script src="../resource/wallet/balance_record.js"></script>
		
	</body>

</html>